import Vue from 'vue'
import VueRouter from 'vue-router'
import Button from '../views/Button.vue'
import Welcome from '../components/Welcome'
import Input from '@/views/Input'
import Step from '@/views/Step'
import Reveal from '@/views/Reveal'
import Loader from '@/views/Loader'
import Message from '@/views/Message'
import Table from '@/views/Table'
import Form from '@/views/Form'
import Menu from '@/views/Menu'
import Card from '@/views/Card'
import Comment from '@/views/Comment'
import Feed from '@/views/Feed'
import Item from '@/views/Item'
import Statistic from '@/views/Statistic'
import Container from '@/views/Container'
import Grid from '@/views/Grid'
import Accordion from '@/views/Accordion'
import Dimmer from '@/views/Dimmer'
import Modal from '@/views/Modal'
import Rating from '@/views/Rating'
import Dropdown from '@/views/Dropdown'
import Progress from '@/views/Progress'
import Popup from '@/views/Popup'
import Sidebar from '@/views/Sidebar'
import Tab from '@/views/Tab'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Welcome',
    component: Welcome
  },
  {
    path: '/button',
    name: 'Button',
    component: Button
  },
  {
    path: '/input',
    name: 'Input',
    component: Input
  },
  {
    path: '/step',
    name: 'Step',
    component: Step
  },
  {
    path: '/reveal',
    name: 'Reveal',
    component: Reveal
  },
  {
    path: '/loader',
    name: 'Loader',
    component: Loader
  },
  {
    path: '/message',
    name: 'Message',
    component: Message
  },
  {
    path: '/table',
    name: 'Table',
    component: Table
  },
  {
    path: '/form',
    name: 'Form',
    component: Form
  },
  {
    path: '/menu',
    name: 'Name',
    component: Menu
  },
  {
    path: '/card',
    name: 'Card',
    component: Card
  },
  {
    path: '/comment',
    name: 'Comment',
    component: Comment
  },
  {
    path: '/feed',
    name: 'Feed',
    component: Feed
  },
  {
    path: '/item',
    name: 'Item',
    component: Item
  },
  {
    path: '/statistic',
    name: 'Statistic',
    component: Statistic
  },
  {
    path: '/container',
    name: 'Container',
    component: Container
  },
  {
    path: '/grid',
    name: 'Grid',
    component: Grid
  },
  {
    path: '/accordion',
    name: 'Accordion',
    component: Accordion
  },
  {
    path: '/dimmer',
    name: 'Dimmer',
    component: Dimmer
  },
  {
    path: '/modal',
    name: 'Modal',
    component: Modal
  },
  {
    path: '/rating',
    name: 'Rating',
    component: Rating
  },
  {
    path: '/dropdown',
    name: 'Dropdown',
    component: Dropdown
  },
  {
    path: '/progress',
    name: 'Progress',
    component: Progress
  },
  {
    path: '/popup',
    name: 'Popup',
    component: Popup
  },
  {
    path: '/sidebar',
    name: 'Sidebar',
    component: Sidebar
  },
  {
    path: '/tab',
    name: 'Tab',
    component: Tab
  }
]

const router = new VueRouter({
  routes
})

export default router
